<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>综合实践活动报名</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="综合实践活动报名">
	<meta name="apple-mobile-web-app-capable" content="综合实践活动报名">
	<meta name="apple-touch-fullscreen" content="综合实践活动报名">
	<meta name="HandheldFriendly" content="综合实践活动报名">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css">
	<style>
		.btn2{
			border: none;
			border-radius: 15px;
			display: inline-block;
			height: 30px;
			line-height: 30px;
			outline: 0;
			padding: 0 2rem;
			text-transform: uppercase;
			vertical-align: middle;
			-webkit-tap-highlight-color: transparent;
		}
		.view{
			background: #0E6EB8;
			color: #fff;
			box-shadow: none;
			padding-left: 15px;
			padding-right: 15px;
			border-radius: 15px;
		}
		.per-list{
			width: 98%;
			background-color: #ffffff;
			float: left;
			margin-top: 10px;
			border-radius: 10px;
		}
		.header img{
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.per-detail{
			display: flex;
			justify-content: space-between;
			padding: 0 12px;
		}
		.title{
			text-align: left;
			height: 50px;
			font-size: 16px;
			line-height: 50px;
			color: #000000;
		}
		.right{
			margin-top: 10px;
			font-size: 14px;
		}

	</style>
</head>
<body style="background-color: #F5F5F5;">
	<!-- contact us -->
	<div class="pages" style="margin-top: 0;">
		<div class="container">
			<div class="contact-us">
				<div class="row">
					<div class="expert-list">
						<#list signupList as item>
						<div class="per-list">
								<!--头像-->
								<div class="header">
									<img src="${request.contextPath}/statics/img/222.png" style="width: 100%; height: 50%">
								</div>
								<div class="per-detail">
									<span class="title">${item.title}</span>
									<span class="right">
										<a href="/h5/signup" class="btn2 view">立即报名</a>
									</span>
								</div>
						</div>
						</#list>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end contact us -->
	
	<!-- loader -->
	<div id="fakeLoader"></div>
	<!-- end loader -->

	
	<!-- scripts -->
	<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
	<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
	<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
	<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
	<script src="${request.contextPath}/statics/js/contact-form.js"></script>
	<script src="${request.contextPath}/statics/js/main.js"></script>

	<script>

	</script>

</body>
</html>
